

<div class="tabbable tabs-left">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Pregunta</a></li>
        <li><a href="#tab2" data-toggle="tab">Validacion</a></li>
    </ul>
    <?php
    $attributes = array('class' => 'form-vertical','onsubmit' => 'fake_load();');
    echo form_open($url, $attributes);
    ?> 
    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
            <div class="control-group">
                <Select id="secuencia" name="secuencia" class="inputs">
                    <?php for($i=$total + 1;$i>0;$i--) { ?>
                       <option value="<?php echo $i;?>"><?php echo $i;?></option>                            
                    <?php }?>
                </Select>
                <input  name="txtEncabezado" required=""  title="Escribir Pregunta." placeholder="Pregunta" <?php echo $edit; ?>class="control-label editables inputs">
                <input  name="txtSubEncabezado"  placeholder="Informacion" <?php echo $edit; ?>class="control-label editables inputs">
                <div class="controls">
                    <input name="txtRespuesta"  disabled="">                      
                </div>

            </div>
        </div>
        <div class="tab-pane" id="tab2">
            <label>Requerido</label><input class="inputs" type="checkbox" name="txtRequerido"   title=""/>                       
            <div class="control-group">
                <br/> <label>Tipo de dato</label> <br/> 
                <div class="controls">
                    <select class="inputs" name="tipo" onchange="changeOption(this,1);">
                        <?php 
                        for($i=0;$i<count($tipos);$i++){
                            ?> <option value="<?php echo $tipos[$i]["idTipoDato"];?>"><?php echo $tipos[$i]["TipoDato"];?></option><?php                                       
                        }                         
                        ?>  
                    </select>                    
                </div>                    
            </div>
            <div id="abierta">
                <div id="texto"  >                    
                    <label>Mascara</label><input class="inputs" type="text" name="txtmascara"/>
                </div>
                <div id="numero" class="validar">                    
                    <label>Valor Minimo</label><input class="inputs" type="number" name="txtMinimo"/>
                    <label>Valor Maximo</label><input class="inputs" type="number" name="txtMaximo"/>
                </div>
                <div id="fecha" class="validar">
                  <label>Fecha Minima</label><input class="inputs" type="date" name="txtFechaMinima"/>  
                  <label>Fecha Maxima</label><input class="inputs" type="date" name="txtmFechaMaxima"/>  
                </div>
            </div>
        </div>
    </div>
</div>